<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui">

    <ui:composition>

        <p:dialog id="PagoCreateDlg" widgetVar="PagoCreateDialog" modal="true" resizable="false" appendTo="@(body)" header="#{myBundle.CreatePagoTitle}" closeOnEscape="true">

            <h:form id="PagoCreateForm">

                <h:panelGroup id="display" style="width:70%; margin: 0 auto;">
                    <p:panelGrid columns="2">


                        <p:outputLabel value="#{myBundle.CreatePagoLabel_descripcion}" for="descripcion" />
                        <h:panelGroup>
                            <p:inputText id="descripcion" value="#{pagoController.selected.descripcion}" title="#{myBundle.CreatePagoTitle_descripcion}" 
                                         required="true" requiredMessage="#{myBundle.CreatePagoRequiredMessage_descripcion}" 
                                         size="200" maxlength="200" style="width: 400px"/>
                            <p:tooltip for="descripcion" value="#{pagoController.getComponentMessages('descripcion', myBundle.CreatePagoHelpText_descripcion)}"/>
                        </h:panelGroup>


                        <p:outputLabel value="#{myBundle.CreatePagoLabel_monto}" for="monto" />
                        <h:panelGroup>
                            <p:inputText id="monto" value="#{pagoController.selected.monto}" title="#{myBundle.CreatePagoTitle_monto}" 
                                         required="true" requiredMessage="#{myBundle.CreatePagoRequiredMessage_monto}" style="width: 400px"/>
                            <p:tooltip for="monto" value="#{pagoController.getComponentMessages('monto', myBundle.CreatePagoHelpText_monto)}"/>
                        </h:panelGroup>


                        <p:outputLabel value="#{myBundle.CreatePagoLabel_numeroTarjeta}" for="numeroTarjeta" />
                        <h:panelGroup>
                            <p:inputText id="numeroTarjeta" value="#{pagoController.selected.numeroTarjeta}" title="#{myBundle.CreatePagoTitle_numeroTarjeta}" 
                                         required="true" requiredMessage="#{myBundle.CreatePagoRequiredMessage_numeroTarjeta}" 
                                         size="16" maxlength="16" style="width: 400px"/>
                            <p:tooltip for="numeroTarjeta" value="#{pagoController.getComponentMessages('numeroTarjeta', myBundle.CreatePagoHelpText_numeroTarjeta)}"/>
                        </h:panelGroup>


                        <p:outputLabel value="#{myBundle.CreatePagoLabel_fechaVencimientoTarjeta}" for="fechaVencimientoTarjeta" />
                        <h:panelGroup>
                            <p:calendar id="fechaVencimientoTarjeta" pattern="MM/dd/yyyy" value="#{pagoController.selected.fechaVencimientoTarjeta}" 
                                        title="#{myBundle.CreatePagoTitle_fechaVencimientoTarjeta}" required="true" 
                                        requiredMessage="#{myBundle.CreatePagoRequiredMessage_fechaVencimientoTarjeta}" showOn="button"/>
                            <p:tooltip for="fechaVencimientoTarjeta" value="#{pagoController.getComponentMessages('fechaVencimientoTarjeta', myBundle.CreatePagoHelpText_fechaVencimientoTarjeta)}"/>
                        </h:panelGroup>


                        <p:outputLabel value="#{myBundle.CreatePagoLabel_numeroAutorizacionTarjeta}" for="numeroAutorizacionTarjeta" />
                        <h:panelGroup>
                            <p:inputText id="numeroAutorizacionTarjeta" value="#{pagoController.selected.numeroAutorizacionTarjeta}" 
                                         title="#{myBundle.CreatePagoTitle_numeroAutorizacionTarjeta}" required="true" 
                                         requiredMessage="#{myBundle.CreatePagoRequiredMessage_numeroAutorizacionTarjeta}"
                                         size="20" maxlength="20" style="width: 400px"/>
                            <p:tooltip for="numeroAutorizacionTarjeta" value="#{pagoController.getComponentMessages('numeroAutorizacionTarjeta', myBundle.CreatePagoHelpText_numeroAutorizacionTarjeta)}"/>
                        </h:panelGroup>


                        <p:outputLabel value="#{myBundle.CreatePagoLabel_idTipoTarjeta}" for="idTipoTarjeta" />
                        <h:panelGroup>
                            <p:selectOneMenu id="idTipoTarjeta" value="#{pagoController.selected.idTipoTarjeta}" required="true" requiredMessage="#{myBundle.CreatePagoRequiredMessage_idTipoTarjeta}" converter="tipoTarjetaConverter">
                                <f:selectItem itemLabel="#{myBundle.SelectOneMessage}"/>
                                <f:selectItems value="#{tipoTarjetaController.items}"
                                               var="idTipoTarjetaItem"
                                               itemValue="#{idTipoTarjetaItem}"
                                               itemLabel="#{idTipoTarjetaItem.nombre.toString()}"
                                               />

                            </p:selectOneMenu>
                            <p:tooltip for="idTipoTarjeta" value="#{pagoController.getComponentMessages('idTipoTarjeta', myBundle.CreatePagoHelpText_idTipoTarjeta)}"/>
                        </h:panelGroup>


                        <p:outputLabel value="#{myBundle.CreatePagoLabel_idTipoPago}" for="idTipoPago" />
                        <h:panelGroup>
                            <p:selectOneMenu id="idTipoPago" value="#{pagoController.selected.idTipoPago}" required="true" requiredMessage="#{myBundle.CreatePagoRequiredMessage_idTipoPago}" converter="tipoPagoConverter">
                                <f:selectItem itemLabel="#{myBundle.SelectOneMessage}"/>
                                <f:selectItems value="#{tipoPagoController.items}"
                                               var="idTipoPagoItem"
                                               itemValue="#{idTipoPagoItem}"
                                               itemLabel="#{idTipoPagoItem.nombre.toString()}"
                                               />

                            </p:selectOneMenu>
                            <p:tooltip for="idTipoPago" value="#{pagoController.getComponentMessages('idTipoPago', myBundle.CreatePagoHelpText_idTipoPago)}"/>
                        </h:panelGroup>


                        <p:outputLabel value="#{myBundle.CreatePagoLabel_idEmpresa}" for="idEmpresa" />
                        <h:panelGroup>
                            <p:selectOneMenu id="idEmpresa" value="#{pagoController.selected.idEmpresa}" required="true" requiredMessage="#{myBundle.CreatePagoRequiredMessage_idEmpresa}" converter="empresaConverter">
                                <f:selectItem itemLabel="#{myBundle.SelectOneMessage}"/>
                                <f:selectItems value="#{empresaController.items}"
                                               var="idEmpresaItem"
                                               itemValue="#{idEmpresaItem}"
                                               itemLabel="#{idEmpresaItem.nombre.toString()}"
                                               />

                            </p:selectOneMenu>
                            <p:tooltip for="idEmpresa" value="#{pagoController.getComponentMessages('idEmpresa', myBundle.CreatePagoHelpText_idEmpresa)}"/>
                        </h:panelGroup>
                    </p:panelGrid>
                    <p:commandButton actionListener="#{pagoController.saveNew}" value="#{myBundle.Save}" update="display,:PagoListForm:datalist,:growl" oncomplete="handleSubmit(xhr,status,args,PagoCreateDialog);">
                        <p:confirm header="#{myBundle.ConfirmationHeader}" message="#{myBundle.ConfirmCreateMessage}" icon="ui-icon-alert"/>
                    </p:commandButton>

                    <p:commandButton value="#{myBundle.Cancel}" onclick="PagoCreateDialog.hide()"/>
                </h:panelGroup>

            </h:form>

        </p:dialog>

    </ui:composition>

</html>
